var indexblog = {

	focus: function() {
		var photoBox = $("#index-blog-photo-container");
		var photoList = $("#index-blog-photo-container a img");
		var btnChange = $("#index-blog-photo-container .btn-change li");
		
		var index = 0;
		var id;
		btnChange.click(function() {
			index = $(this).index();
			change();

		});

		function autochange() {
			change();
			index++;
			if(index > 3) {
				index = 0;

			}
		}
		autochange();
		id = setInterval(autochange, 4000);

		function change() {
			btnChange.removeClass('active');
			btnChange.eq(index).addClass('active');
			photoList.hide();
			photoList.eq(index).fadeIn(800);
		}
		photoBox.hover(function() {
			clearInterval(id);
		}, function() {
			id = setInterval(autochange, 4000);
		});

		
		
		$(window).resize(function() {
			 
			var bodywidth = $(window).width();
			var cloon=$('#cloon').width();
			if(bodywidth<760){
				photoBox.css('width','"'+bodywidth+'"');
				photoBox.css('height','auto'); 
				
			}
		});

	}
};

//var $ = window.$;
//
//
//var indexblog = {
//	focus: function() {
//		var photoBox = $("#index-blog-photo-container");
//		var photoList = $(".pho");
//		var btnChange = $(".bc");
//		var index = 0;
//		var id;
//		btnChange.click(function() {
//			index = $(this).index();
//			change();
//
//		});
//
//		function autochange() {
//			change();
//			index++;
//			if(index > 3) {
//				index = 0;
//
//			}
//		}
//		autochange();
//		id = setInterval(autochange, 4000);
//
//		function change() {
//			btnChange.removeClass('active');
//			btnChange.eq(index).addClass('active');
//			photoList.css({
//				'filter': 'alpha(opacity = 0)',
//				'-moz-opacity': '0',
//				'-khtml-opacity': '0',
//				'opacity': '0',
//				'transition': '0.2s'
//			});
//			photoList.eq(index).css({
//				'filter': 'alpha(opacity = 100)',
//				'-moz-opacity': '1',
//				'-khtml-opacity': '1',
//				'opacity': '1',
//				'transition': '0.2s'
//			});
//		}
//		photoBox.hover(function() {
//			clearInterval(id);
//		}, function() {
//			id = setInterval(autochange, 4000);
//		});
//
//	}
//};
